<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>主页</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=News+Cycle:400,700">
    <link rel="stylesheet" href="/static/css/styles.min.css">
</head>

<body>
<nav class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header"><a class="navbar-brand" href="/index">主页</a>
            <button data-toggle="collapse" class="navbar-toggle collapsed" data-target="#navcol-1"><span
                    class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span
                    class="icon-bar"></span></button>
        </div>
        <div
                class="collapse navbar-collapse" id="navcol-1">
            <ul class="nav navbar-nav">
                <li role="presentation"><a href="/today">查询今日成功名单</a></li>
                <li role="presentation"><a href="/data/list">查看今日惩罚名单</a></li>
                <li role="presentation"><a href="/daka/auto">自动打卡</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container">
    <div class="page-header">
        <div style="text-align: center;"><h4>学生信息详情</h4></div>
        <!--            <input type="text">-->
        <!-- Start: button materialize -->
        <!--            <a class="waves-effect waves-light btn">进行查询</a>-->

        <form action="/student/query" method="get">
            查询关键字:
            <input type="text" name="key" placeholder="请输入姓名或学号的一部分"/>
            <input type="submit" value="查询信息"/>
        </form>
        <!-- End: button materialize -->
    </div>
    <div class="table-responsive" style="background-color: cornsilk;">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>序号</th>
                <th>名字</th>
                <th>班级</th>
                <th>学号</th>
                <th>手机</th>
                <th>家长</th>
                <th>家长手机</th>
                <th>导师</th>
                <th>导师手机</th>
                <th>政治面貌</th>
                <th>宿舍号</th>
                <th>家庭住址</th>
                <th>户口所在地</th>
                <th>身份证号</th>
                <th>本科学校</th>
                <th>本科专业</th>
                <th>实验室</th>
                <th>门牌号</th>
                <th>性别</th>
                <th>民族</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="student, studentStat: ${students}">
                <td th:text="${studentStat.index + 1}"></td>
                <td th:text="${student.xingming}"></td>
                <td th:text="${student.banji}"></td>
                <td th:text="${student.xuehao}"></td>
                <td th:text="${student.shoujihao}"></td>
                <td th:text="${student.jinjilianxiren}"></td>
                <td th:text="${student.jinjilianxirenshoujihao}"></td>
                <td th:text="${student.daoshi}"></td>
                <td th:text="${student.daoshishoujihao}"></td>
                <td th:text="${student.zhengzhimianmao}"></td>
                <td th:text="${student.sushehao}"></td>
                <td th:text="${student.jiatingzhuzhi}" style="min-width: 300px;"></td>
                <td th:text="${student.hukousuozaidi}" style="min-width: 200px;"></td>
                <td th:text="${student.shenfenzhenghao}"></td>
                <td th:text="${student.benkebiyexuexiao}"></td>
                <td th:text="${student.benkezhuanye}"></td>
                <td th:text="${student.shiyanshi}" style="min-width: 300px;"></td>
                <td th:text="${student.shiyanshimenpaihao}"></td>
                <td th:text="${student.xingbie}"></td>
                <td th:text="${student.minzu}"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <hr/>
    <div class="page-header">
        <div style="text-align: center;"><h4>登记未打卡记录</h4></div>
        <!--            <input type="text">-->
        <!-- Start: button materialize -->
        <!--            <a class="waves-effect waves-light btn">进行查询</a>-->

        <form action="/daka/query" method="get">
            查询关键字:
            <input type="text" name="key" placeholder="请输入姓名或学号的一部分"/>
            <input type="submit" value="查询信息"/>
        </form>
        <!-- End: button materialize -->
    </div>
    <div class="table-responsive" style="background-color: #a7ffeb;">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>序号</th>
                <th>名字</th>
                <th>班级</th>
                <th>学号</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="student, studentStat : ${students_dengji}">
                <td th:text="${studentStat.index + 1}"></td>
                <td th:text="${student.xingming}"></td>
                <td th:text="${student.banji}"></td>
                <td th:text="${student.xuehao}"></td>
                <td><a th:href="'/daka/submit?xingming='+${student.xingming}+'&xuehao='+${student.xuehao}">录入未打卡记录</a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="media">
        <div class="media-body"></div>
    </div>
    <div class="media">
        <div class="media-body"></div>
    </div>
</div>
<footer class="site-footer">
    <div class="container">
        <hr>
        <div class="row">
            <div class="col-md-12">
                <h5>北航软件开发环境国家重点实验室 © 2021</h5>
            </div>
        </div>
    </div>
</footer>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/js/script.min.js"></script>

<style>
    table{
        min-width: 100%;
    }
    td{
        min-width: 100px;
    }
    .table-container{
        overflow:auto;
        display: block;
    }
</style>

</body>

</html>